// 进入游戏：点击开始按钮，关闭遮罩层
// 遮罩层
const mask = document.querySelector(".mask");
// 开始按钮
const startBtn = document.querySelector(".start");
// 存储文字
const fontArr = ["黄","红","黑","蓝","绿"];
// 存储颜色
const colorArr = ["yellow","red","black","blue","green"];
// 获取div
const main = document.querySelector("#main");
// 获取ul
const ul = document.querySelector("ul");
// 单击按钮
startBtn.onclick = function () {
    // 关闭遮罩层
    mask.style.display = "none";
    // 随机产生文字
    main.innerText = fontArr[getRandom()];
    // 随机产生的颜色
    main.style.color = colorArr[getRandom()];// 0 --4

    // 将文字打乱交给一个数组
    const copyFontArr = [...fontArr].sort(()=>Math.random()-0.5);
    // 将颜色打乱交给一个数组
    const copyColorArr = [...colorArr].sort(()=>Math.random()-0.5);
    // 渲染
    ul.innerHTML = copyFontArr.map((item,index)=>(`
        <li style="color:${copyColorArr[index]}">${item}</li>
    `)).join("")
}
// 获取随机数字
const getRandom = function(){
    return Math.floor(Math.random()*fontArr.length);
}